<template>
    <div class="box">
     <section>
         <img src="../assets/174a1ae248377976.jpg" alt="">
         
         <p style="margin-top:.5vw;align-items: center;display:flex;"><span style="color:blue;font-size:10px;padding:.5vw;background-color:#eef;border-radius:2px;margin:2vw 0 2vw 2vw">品牌故事</span><span>{{shop.name}}</span></p>
         <dl style="margin-left:2vw;font-size:12px;color:gray">千里飘香迎客来</dl>
     </section>
     <section class="shop">
         <dl>{{shop.name}}</dl>
         <p style="font-weight: 0;">{{shop.address}}</p>
         <div style="margin:2vw 0;">
            <img src="../assets/17510efbb4978955.png" alt="">
            <img src="../assets/1774762686a86905.jpg" alt="">
         </div>
         <dl>商家信息</dl>
         <p>商品类别：汉堡薯条/其他西餐</p>
         <p>联系电话：{{shop.phone}}</p>
         <p>营业时间：{{shop.start_time}}-{{shop.end_time}}</p>
         <dl>商家从业资质</dl>
         <main style="width:40vw;padding:2vw;border:1px dotted gray;margin:2vw 0;">
             <img style="width:40vw" :src="$image+shop.yingY_img" alt="">
         </main>
     </section>
     <section class="shop" style="text-align: center;">
         <div style="width:100vw;text-align: center;">
             <p style="margin-left:36vw">举报商家</p>
         </div>
     </section>
    </div>
</template>

<script>
import {mapState} from 'vuex'
export default {
    name: '',
    data(){
        return{

        }
    },
    computed:{
        ...mapState(['shop']),
    }
}
</script>

<style scoped>
.box{
    background-color: #f5f5f5;
    overflow: hidden;
    height: 100vh;
 
}
section{
    width: 96vw;
    margin: 2vw;
    padding-bottom: 2vw;
 
    /* margin-top: 10vw; */
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: white;
    /* overflow:hidden; */
    
}
section>img{
    width: 100%;
    height: 25vh;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
   
}
section>div{
    display: flex;
}
section>div>img{
    width:20vw;
    height: 20vw;
    border-radius: 5px;
    margin-right: 1vw;
}
section>p{
    font-family: "方正小体";
    font-weight: bold;
}
.box>.shop{
    width: 92vw;
    padding: 2vw;
}
.shop>dl{
    margin: 1vw 0;
    font-weight: 600;
    font-size: 12px;
}
.box .shop>p{
    color:gray;
    font-size: 10px;
    
    margin: 1vw 0;
}
</style>